<template>
    <div>
        <curve-Charts :viewData="echartsData"></curve-Charts>
        <!-- md -->
        <div class="markdown-body">
            <curveChartsMD></curveChartsMD>
        </div>
    </div>
</template>
<script>
import curveChartsMD from "../md/curveChartsMD.md"
import curveCharts from "@/home/echart/curveCharts"
export default {
    components:{
        curveChartsMD,
        curveCharts
    },
    data() {
        return {
            echartsData:{
                viewTitle:"曲线图",//标题 必填
                viewHeight:'640px',//图形高度，必填
                seiveApi:'',//接口方法
                serachParam:{},
                options:{
                    xAxis:{
                        type:"category",
                        boundaryGap:false,
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],// x轴显示数据
                        axisLabel:{ //x轴样式
                            color:"red",
                            fontSize:"12"
                        }
                    },
                    series:[{
                        data: [820, 932, 901, 934, 1290, 1330, 1320],
                        type: 'line',
                        smooth:true,
                        itemStyle:{
                            color:'red'
                        },
                        areaStyle: {
                            
                        },
                        markLine: {

                            symbol:"none",
                            color:'red',
                            data: [
                                {type: 'average', name: '平均值'}
                            ],
                            label: {
                                normal: {
                                    formatter: '平均值1', // 这儿设置安全基线
                                    color:'red'
                                }
                            }
                        },
                    }]
                }
            }
        };
    },
    methods: {
        
    }
}
</script>